<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>About formatting Grid/Graphs</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
p.whs2 { font-weight:bold; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nCreating a document template: Grid/Graph controls\nFormatting Grid/Graphs\nAbout formatting Grid/Graphs");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>About formatting Grid/Graph controls</h1>
<p>The Grid/Graph control is a container that holds the actual dataset 
 report. This section provides formatting information for the Grid/Graph 
 control itself, not for the dataset report or its displayed data. For 
 information to edit a dataset report within a Grid/Graph control, see 
 
<a HREF="Editing_a_Grid_Graph.htm">Editing a dataset report displayed 
 as a grid</a> or 
<a HREF="Editing_a_GG_in_Graph_view.htm">Editing a dataset 
 report displayed as a graph</a>.</p>
<p>When you add a new Grid/Graph control to a document, the formatting 
 of the Grid/Graph control is determined by the control's defaults. You 
 can change any of the formatting options. These formatting options affect 
 the Grid/Graph object on the document, not the formatting on the report 
 grid, such as formatting metrics or rows. Formatting options include:</p>
<ul type="disc" class="whs1">
	
<li class=p><p>Borders, including 3D borders and drop shadows</p></li>
	
<li class=p><p>Background, including transparency and gradient colors</p></li>
</ul>
<p>The following list provides some useful formatting suggestions:</p>
<ul type="disc" class="whs1">
	
<li class=p><p>Make the Grid/Graph control appear three-dimensional, 
 like a button, with the 3D effect. For steps, see 
<a href="Apply_3D_effects.htm">Applying 
 3D effects to controls</a>.</p></li>
	
<li class=p><p>Let the content behind the Grid/Graph show through by 
 setting the backstyle to transparent. For steps, see 
<a href="Transparent_controls.htm">Applying 
 a transparent background to controls</a>. The actual grid report or graph 
 report displays regardless of the backstyle setting. The backstyle applies 
 to any part of the Grid/Graph object that the grid report or graph report 
 does not cover. For example, the grid report can be smaller than the Grid/Graph 
 container, such that the Grid/Graph container is visible around the edges 
 of the report display.</p></li>
	
<li class=p><p>&quot;Float&quot; the Grid/Graph control over the background 
 by using a drop shadow. For steps, see 
<a href="Drop_shadows.htm">Applying 
 drop shadows to controls</a>.</p></li>
	
<li class=p><p>Create a gradual color change by blending two colors 
 using gradient colors on a control. For more information, see 
<a href="Gradients.htm">Applying 
 gradient colors</a>.</p></li>
	
<li class=p><p>Display pop-up text with a tooltip when a user positions 
 the cursor over the Grid/Graph in MicroStrategy Web. The tooltip can provide 
 extra information, such as an expanded description of the dataset report. 
 For steps, see 
<a href="Tooltips.htm">Creating pop-up tooltips in controls</a>.</p></li>
	
<li class=p><p>Display a Grid/Graph control to other document designers 
 in Design view while hiding it from users viewing the document in PDF 
 view, Editable Mode, or View Mode. To do this, you hide the control that 
 contains the information by using the Visible property. For steps, see 
 
<a href="Hide_control.htm">Hiding a control in View and Interactive Mode</a>.</p></li>
	
<li class=p><p>Allow users to minimize and maximize the Grid/Graph 
 control with a title bar. The title bar also displays a title, which helps 
 identify the grid report or graph report displayed within the Grid/Graph 
 control. Title bars provide documents with the feel of a portal and help 
 create a dashboard look and feel. For steps, see 
<a href="Add_title_bars_to_GG.htm">Adding 
 title bars to Grid/Graphs</a>.</p></li>
	
<li class=p><p>Quickly change a Grid/Graph control from a graph display 
 to a grid display and back with the Quick switch button. For steps, see 
 
<a href="Quick_Switch_for_GG.htm">Enabling Quick Switch for Grid/Graphs</a>.</p></li>
	
<li class=p><p>Enable a transition animation for Flash Mode. A transition 
 animation is a visual transition that occurs when a Grid/Graph control 
 is first displayed in Flash Mode. Examples are Blur, Fade, and Iris. For 
 steps, see 
<a href="Transition_animations.htm">Enabling transition animations 
 for Grid/Graphs and panel stacks in Flash</a>.</p></li>
</ul>
<p>&nbsp;</p>
<p class="whs2">Related topics</p>
<ul type="disc" class="whs1">
	
<li class=p><p>
<a href="Formatting_Grid_Graphs.htm">Formatting Grid/Graphs</a></p></li>
	
<li class=p><p>
<a HREF="Apply_autostyle_to_GG.htm">Applying an autostyle 
 to a Grid/Graph</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
